<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>消息</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/my_seller.css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/myseller.js"></script>
    <style>
		.h90{
			height: 90px;
		}
		.round_red{
			width: 15px;
			height: 15px;
			border-radius: 50%;
			background-color: #f00;
			color: #fff;
			float: right;
			text-align: center;
		}
		.message_icon{
			position: absolute;
			top: -3px;
			right: -3px;
		}
    </style>
</head>
<body style="background-color: #f0f0f6;">
    <div class="container-fluid">
        <div class="row white_bg">
            <div class="col-xs-12 pl25">
				<div class="col-xs-12 plr0 gray ptb10 bdb">
					<div class="col-xs-2 plr0">
						<img width="45" src="images/message_01.png" class="center-block" />
					</div>
					<div class="col-xs-5 plr7 pt10 fs18">系统消息</div>
					<div class="col-xs-5 plr7 fs28 text-right"><i class="icon-angle-right"></i></div>
				</div>
				<div class="col-xs-12 plr0 gray ptb10 bdb">
					<div class="col-xs-2 plr0">
						<img width="45" src="images/message_02.png" class="center-block" />
					</div>
					<div class="col-xs-5 plr7 pt10 fs18">师友管理</div>
					<div class="col-xs-5 plr7 fs28 text-right"><i class="icon-angle-right"></i></div>
				</div>
            </div>
        </div>
        <div class="row white_bg mt6">
            <div class="col-xs-12 pl25">
				<div class="col-xs-12 plr0 gray ptb10 bdb">
					<div class="col-xs-2 plr0">
						<img width="45" src="images/message_03.png" class="center-block" />
						<i class="red icon-circle message_icon"></i>
					</div>
					<div class="col-xs-10 pl7 pr0">
						<div class="fs18">
							<span>微拍客消息</span>
							<span class="fs12 gray-init pull-right">11:02</span>
						</div>
						<div class="fs12 gray-init">
							<span>您好，您需要咨询什么业务</span>
							<span class="round_red">1</span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 plr0 gray ptb10 bdb">
					<div class="col-xs-2 plr0">
						<img width="45" src="images/message_04.png" class="center-block" />
					</div>
					<div class="col-xs-10 pl7 pr0">
						<div class="fs18">
							<span>Martian</span>
							<span class="fs12 gray-init pull-right">昨天</span>
						</div>
						<div class="fs12 gray-init">
							<span>在么？</span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 plr0 gray ptb10 bdb">
					<div class="col-xs-2 plr0">
						<img width="45" src="images/message_04.png" class="center-block" />
					</div>
					<div class="col-xs-10 pl7 pr0">
						<div class="fs18">
							<span>Martian</span>
							<span class="fs12 gray-init pull-right">昨天</span>
						</div>
						<div class="fs12 gray-init">
							<span>在么？</span>
						</div>
					</div>
				</div>
				<div class="col-xs-12 plr0 gray ptb10 bdb">
					<div class="col-xs-2 plr0">
						<img width="45" src="images/message_04.png" class="center-block" />
					</div>
					<div class="col-xs-10 pl7 pr0">
						<div class="fs18">
							<span>Martian</span>
							<span class="fs12 gray-init pull-right">昨天</span>
						</div>
						<div class="fs12 gray-init">
							<span>在么？</span>
						</div>
					</div>
				</div>
            </div>
        </div>
    </div>

	<!-- 底部导航条 -->
	<div class="h90"></div>
	<div class="performance_fixed">
		<a href="">
			<div class="com orange">
				<img class="img-responsive center-block" src="images/img_01.png" />
				首页
			</div>
		</a>
		<a href="">
			<div class="com">
				<img class="img-responsive center-block" src="images/img_02.png" />
				文玩珠宝
			</div>
		</a>
		<div class="release">
			<div class="white_round">
				<div class="orange_round" id="release">
					<img class="img-responsive center-block" src="images/img_05.png" />
				</div>
				<div class="word">发布</div>
			</div>
		</div>
		<div class="com orange">
			<img class="img-responsive center-block" src="images/img_03_orange.png" />
			消息
			<i class="red icon-circle"></i>
		</div>
		<div class="com">
			<img class="img-responsive center-block" src="images/img_04.png" />
			我的
		</div>
	</div>
	<div class="release_click">
		<div class="row bottom">
			<div class="col-xs-12 plr0 pt10">
				<div class="col-xs-4 text-center plr7">
					<img src="images/release_01.png" class="img-responsive center-block">
				</div>
				<div class="col-xs-4 text-center plr7">
					<img src="images/release_02.png" class="img-responsive center-block">
				</div>
				<div class="col-xs-4 text-center plr7">
					<img src="images/release_03.png" class="img-responsive center-block">
				</div>
			</div>
			<div class="col-xs-12 plr0 pt10">
				<div class="col-xs-4 text-center plr7">
					<img src="images/release_04.png" class="img-responsive center-block">
				</div>
			</div>
		</div>
	</div>
	<div class="closeX">
		<img src="images/closeX.png" id="closeX" class="img-responsive center-block">
	</div>
<script>
	$(function(){
	    //点击发布按钮后的操作
	    $("#release").on("click",function(){
	        $(".release_click,.closeX").show();
	    });
	    $("#closeX").on("click",function(){
	        $(".release_click,.closeX").hide();
	    });
	});
</script>
</body>
</html>